<?php
require_once("/../pdo/timeline.php");
require_once '/../Modele/Personnage.php';
//var_dump($_POST);
$perso = new Personnage($_POST['personnage']);
$titre = $perso->getPrenomPersonnage() . " " . $perso->getNomPersonnage();
?>
<div class="formFiche">
    <span id='erreurFiche'></span>
    <h2 class='titleForm'>Proposition d'une fiche pour <?php echo $titre ?></h2>
    <!--<form methode="post">-->
    <label>Saison</label> 
    <select name="saison" id="ficheSaison">
        <?php
        for ($i = 1; $i <= db_getNbSaison(); $i++) {
            echo "<option value=$i>$i</option>";
        }
        ?>             
    </select>

    <label>Episode</label> <select name="episode" id='ficheEpisode'></select><br/>
    <label>Desctiption
        <textarea name=descr" id='descrFiche' required></textarea></label><br/>
    <input id='sendFiche' type="submit" value="Envoyer" />
    <!--</form>-->
</div>
<div id='test'></div>

<script>
    var perso = <?php echo $_POST['personnage'] ?>;
    $(document).ready(function () {
        function remplirSelect(saison) {
            $.ajax({
                url: 'src/pdo/timeline.php',
                type: 'POST',
                data: {function: "getNbEpisode", saison: saison},
                success: function (data)
                {
                    $("#ficheEpisode").html(remplirSelectEpisode(data));
                }
            });
        }

        remplirSelect($("#ficheSaison").val());
        $("#ficheSaison").change(function () {
            remplirSelect($(this).val());

        });
    });
    $("#sendFiche").on("click", function () {

        if($("#descrFiche").val()!== "" && $("#descrFiche").val()!== "undefined"){
            console.log("if");
           $.ajax({
            url: 'src/pdo/addFichePerso.php',
            type: 'POST',
            data: {saison: $("#ficheSaison").val(), 
                episode: $("#ficheEpisode").val(), 
                description: $("#descrFiche").val(),
                personnage: perso},
            success: function (data)
            {
                $("#contenu").load("src/Vue/Personnage_vue.php");
            },
            error: function(data)
            {
                $('#erreurFiche').html("Echec de l'envoi de la fiche");
            }
        }); 
        }
        else{
            $('#erreurFiche').html("Champs description non rempli !");
            console.log("else");
        }
        
    });
</script>